<template>
    <van-swipe class="my-swipe" :autoplay="4000" indicator-color="white">
        <van-swipe-item v-for="(item, index) in banners" :key="index">
            <img v-lazy="item" alt="">
        </van-swipe-item>
    </van-swipe>

</template>

<script>
    export default {
        name: "GoodsSwiper",
        props: {
            banners:Array,
            default() {
                return []
            }
        },
        mounted() {
        //    console.log(this.banners, "@@@@@@@@!!!!!!!!!!");

        }
    }
</script>

<style scoped>

    .my-swipe{
        width:100%;
        height: 25rem !important;
        max-width:500px;
        margin:auto;
        overflow: hidden;
        border-radius: 14px 14px 0 0;

    }
 img {
     width:100%;
     height: 25rem !important;
     max-height: 25rem;

 }

    .van-swipe__indicator--active {
        background:red !important;

    }
</style>